<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="__HCSS__/gamelist.css">
	<script src="__HJS__/jquery-3.3.1.min.js"></script>
	<script src="__HJS__/common.js"></script>
</head>
<body>

	<div class="game-wrap">
		<div class="game-main">
			
			<!-- 游戏分类 -->
			<div class="cate-box">
				<div class="cate-type clearfix">
					<!-- 搜素框 -->
					<div class="cate-search">
						<input type="search"  maxlength="35" placeholder="请输入内容搜索">
						<i class="al-icon search"></i>
					</div>
					<!-- 最新最热 -->
					<div class="cate-order">
						<div class="most on">最新</div>
						<div class="most">最热</div>
					</div>
				</div>
				<!-- 分类选择 -->
				<div class="cate-list clearfix">
					<ul class="cate-item">
						<li class="catebtn on">全部</li>
						{volist name="cate" id="vo"}
						<li class="catebtn" cate-id="{$vo.cid}" >{$vo.cateName}</li>
						{/volist}
					</ul>
				</div>
			</div>

			<!-- 游戏列表 -->
			<div class="game-box">
				<ul class="game-list">
					{volist name="res" id="v"}
					<li class="game-item">
						{if $v.isNew == 1 }
						{else /}
						<span class="new new-icon"></span>
						{/if}
						<div class="li-container">
							<div class="imgbox">
								<img src="/uploads/gameimg/{$v.gImg}" alt="匍匐前进">
								<div class="ewm">
									<a href="{:url('gameapp/toupiao.edit/index')}" >
										<div class="ewm-sys">
											<img src="{:url('home/game/qrcode',[ 'url' => '游戏链接' ])}" alt="" >
											<img src="__HIMG__/gameimg/tiyan.jpg" alt="" class="tiyan" >
										</div>
									</a>
								</div>
							</div>
							<div class="item-bottom">
								<div class="titbox">
									<a href="{:url('gameapp/toupiao.edit/index')}" class="item-title">{$v.gName}</a>
								</div>
								<div class="btnbox clearfix">
									<a href="{:url('gameapp/toupiao.edit/index')}" class="game-btn doit">开始制作</a>
									<a href="javascript:void(0)" class="game-btn detail viewLink">游戏预览</a>
								</div>
							</div>
						</div>
					</li>
					{/volist}

				</ul>
			</div>

		</div>
	</div>
	<script>
		$(document).ready(function(){
			
		});
	</script>
</body>
</html>